//引入utilsjs
/* require("./common-js/utils") */

// 引入当前页面的less文件 
require("../less/index.less")
// 引入字体图标
require("../fonts/iconfont.css");

//引入swiper 的css
require("../lib/swiper/swiper-bundle.min.css");

//引入swiper 的js
let Swiper = require("../lib/swiper/swiper-bundle.min.js")
document.ready(function () {
    //添加底部导航栏
    window.$utils.showTabbar("index");
    // console.log("index");
    //获取元素
    let reankNum = document.querySelector("#reankNum") //排名
    let punchDays = document.querySelector("#punchDays") //打卡天数
    let badgeNum = document.querySelector("#badgeNum") //徽章枚数
    let punchBtn = document.querySelector("#punchBtn") //打卡按钮
    let isPunch = true;//true：表示没有打卡  false： 已经打卡
    /* 轮播图 */
    var mySwiper = new Swiper('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        // navigation: {
        //     nextEl: '.swiper-button-next',
        //     prevEl: '.swiper-button-prev',
        // },

        // 如果需要滚动条
        // scrollbar: {
        //     el: '.swiper-scrollbar',
        // },
    })


//当前用户信息获取到
const user = JSON.parse(window.localStorage.getItem("users")).userId;
console.log(user);


//获取首页信息
getData();
function getData() {
    axios.get(window.$utils.BASE_URL + "/headPageInfo?userId=" + user)
    
        .then(function (res) {
            // console.log(res);
            let rst = res.data;
            // console.log(res.data);
            console.log(rst);
            //显示数据
            if (rst.status === 0) {
                //今日排名
                reankNum.textContent = rst.data.rank;
                //打卡天数
                punchDays.textContent = rst.data.punchIn;
                //徽章
                badgeNum.textContent =  rst.data.insigniaNum;
                //打卡按钮
                punchBtn.textContent = rst.data.isPunch === "true" ? "已打卡" : "今日打卡";
                //全局的是否打卡
                isPunch.rst.data.isPunch === "true" ? false : true;
            }
        })
        .catch(function (error) {
            console.log(error);
        })
}
/* 打卡按钮 */
punchBtn.addEventListener("click", function () {
    //true : 没有打卡,那么就发送请求 ,进行打卡
    if (isPunch) {
        axios.get(window.$utils.BASE_URL + "/clockIn?userId=" + user)
            .then((res) => {
                // console.log(res);
                let rst = res.data;
                console.log(rst);
                if (rst.status === 1) {
                    //更新页面数据
                    getData();
                    //打卡成功了
                    window.$utils.showToast("zp-good", "打卡成功");
                }  else if(rst.status === 0) {
                    console.log("dididi");
                    window.$utils.showToast("zp-close", "今日已打卡")
                } 
            })
            .catch((error) => {
                console.log(error);
            })
    } 
  
})

})